<?php echo View::make('home.common.header'); ?>

    <div class="metro-view">
        
        <div class="recommend">
            <div id="myCarousel" class="carousel slide">
                <ol class="carousel-indicators">
                  <li data-target="#myCarousel" data-slide-to="0" class=""></li>
                  <li data-target="#myCarousel" data-slide-to="1" class="active"></li>
                  <li data-target="#myCarousel" data-slide-to="2" class=""></li>
                </ol>
                <div class="carousel-inner">
                  <div class="item">
                    <img src="/home/img/slide/1363957639.jpg" alt="">
                    <div class="carousel-caption">
                      <h4>First Thumbnail label</h4>
                      <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    </div>
                  </div>
                  <div class="item active">
                    <img src="/home/img/slide/1364384810.jpg" alt="">
                    <div class="carousel-caption">
                      <h4>Second Thumbnail label</h4>
                      <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    </div>
                  </div>
                  <div class="item">
                    <img src="/home/img/slide/1364384581.jpg" alt="">
                    <div class="carousel-caption">
                      <h4>Third Thumbnail label</h4>
                      <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    </div>
                  </div>
                </div>
                <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
                <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
              </div>
        </div>
        
        <div class="focus_slide">						
            <div class="ad">
                <div class="ad-left">
                    <a href="#" target="_blank" title="今日直播课 总有一节适合你">
                        <img src="/home/img/slide/1352775450.jpg" width="280" height="118" alt="今日直播课 总有一节适合你">
                    </a>
                </div>
                <div class="ad-right">
                    <a href="#" target="_blank" title="了解优课堂，从这里开始">
                        <img src="/home/img/slide/1356680635.jpg" width="280" height="118" alt="了解优课堂，从这里开始">
                    </a>
                </div>
                <div class="clearfix"></div>
            </div>					
        </div>
    </div>
    
    <div class="side">
        <aside class="side_box">
                <header class="tit">
                        <h3>最近直播课</h3>					
                </header>
                <div class="con">
                        <ul class="jjksdzb clearfix">
								<?php foreach($news as $key => $value):?>
                                <li class="hot">
                                        <span class="live" style="cursor:pointer;" title="03月28日 19:00"><span class="label label-info">直播中</span></span>
                                        <span class="txt">
                                                <a href="http://chuanke.com/s1064253-7879.html" title="3月28日申论好作文【田亚东】" target="_blank"><?php echo $value->title;?></a>
                                        </span>
                                </li>
								<?php endforeach;?>

                                <li class="not-hot">
                                        <span class="time" style="cursor:pointer;" title="03月28日 21:50">21:50</span>
                                        <span class="txt">
                                                <a href="http://chuanke.com/s1013755-7736.html" title="高中化学一对一针对性辅导0328" target="_blank">高中化学一对一针对性辅导</a>
                                        </span>
                                </li>
                        </ul>						
                </div>
        </aside>
    </div>
    
    <div class="hot-course">

                                        <?php if (!empty($video_list)): foreach($video_list as $key => $values): ?>
        <div class="hot-category">
            
          <div class="hd">
		<h4 class="item_title">
		<a herf="/schedule?category_id=<?php echo $values[0]?>"><?php echo $values[1]?></a>
		</h4>
		<!--
		<ul class="item_sort">
                    <li><a href="#" target="_blank">摄影</a></li>
                    <li><a href="#" target="_blank">数码</a></li>
                    <li><a href="#" target="_blank">社交礼仪</a></li>
		</ul>
		-->
		<p class="item_more"><a href="/schedule?category_id=<?php echo $values[0]?>" target="_blank">更多&gt;&gt;</a></p>				
           </div>
            
           <div class="row-fluid">
            <ul class="thumbnails">
				<?php $count =1;foreach($values[2] as $k=>$video):?>
				<?php if($count >4){ break;}$count +=1;?>
              <li class="span3">
                <div class="thumbnail">
                  <img data-src="holder.js/300x200" alt="300x200" style="width: 300px; height: 200px;" src="<?php echo $video['image'];?>">
                  <div class="caption">
                    <h3><a href="/course?id=<?php echo $video['id']?>&category_id=<?php echo $video['category_id']?>"><?php echo $video['title'];?></a></h3>
                    <p>Nullam vehicula ut id elit.</p>
                    <p><a href="#" class="btn btn-primary">直播中</a> <a href="#" class="btn btn-success">去听课</a></p>
                  </div>
                </div>
              </li>
<?php endforeach;?>
</ul>
          </div>
            
        </div>
							<?php endforeach; endif; ?>
           
        
    </div>
 
<?php echo View::make("home.common.footer"); ?>
